﻿<%@ page language="java" pageEncoding="UTF-8"
	errorPage="/ui/defaultException.jsp"%>
<%@include file="/ui/tags.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>${hotelHomeVO.hotel.name }</title>
<meta name="keywords"
	content="${hotelHomeVO.hotel.zhname },${hotelHomeVO.hotel.enname },${dest.name},${hotelHomeVO.styleKeywords }" />
<meta name="description" content="${hotelHomeVO.hotel.summary }" />
<link rel="canonical"
	href="http://www.zentravel.cn/hotel/${hotelHomeVO.hotel.hotelId }" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<%@include file="/ui/portal/commonjscss.jsp"%>
<script src="${cpath}/resources/portal/js/scroll/scroll.js"
	type="text/javascript"></script>
</head>
<body>
	<div class="page">
		<c:set var="renderView" value="4" scope="page"></c:set>
		<%@include file="/ui/portal/head.jsp"%>
		<c:set var="hotel" value="${hotelHomeVO.hotel }" scope="page"></c:set>
		<c:set var="resourceType" value="1" scope="page"></c:set>
		<div class="hotel-detail-top">
			<div class="hotel-detail-area">
				<c:if test="${dest.hotelEnable eq 0 }">
					<b><a href="${cpath}/destination/${dest.destId}">${dest.name
							}</a> </b> > </c:if>
				<b><a href="${cpath}/hotel/destination/${dest.destId}">酒店精选</a>
				</b> > ${hotel.name}
			</div>
		</div>
		<div id="container" class="container margin10">
			<div class="hotel-detail-info">
				<div class="hotel-detail-imgs">
					<div class="imgs-left">
						<img src="${image_domain }${hotel.source}${hotel.normal}"
							alt="${hotel.name }" />
					</div>
					<div class="imgs-right">
						<div class="imgs-right-first">
							<img
								src="${image_domain }${hotel.image1.source}${hotel.image1.small}"
								onerror="$(this).hide()" />
						</div>
						<div class="imgs-right-second">
							<img
								src="${image_domain }${hotel.image2.source}${hotel.image2.small}"
								onerror="$(this).hide()" />
						</div>
					</div>
				</div>
				<c:if test="${!empty hotel.copyright }">
					<div class="hotel-detail-copy">（图片版权：${hotel.copyright }）</div>
				</c:if>
				<div class="hotel-detail-left">
					<div class="hotel-detail-note paddingbottom0">${
						hotel.content}</div>
					<c:if test="${!empty hotel.location }">
						<div class="hotel-detail-note3 hotlpaddingtop0">
							<b>位置：</b>${hotel.location }
						</div>
					</c:if>
					<c:if test="${!empty hotel.special }">
						<div class="hotel-detail-note3 hotlpaddingtop0">
							<b>特色：</b><br /> ${hotel.special}
						</div>
					</c:if>
					<c:if test="${!empty hotel.honor }">
						<div class="hotel-detail-note3 hotlpaddingtop0">
							<b>荣誉：</b><br /> ${hotel.honor}
						</div>
					</c:if>
				</div>
				<div class="hotel-detail-note2">
					<ul class="hotel-detail-service">
						<c:forEach items="${hotelHomeVO.serviceCategorys }"
							var="serivceInfo">
							<li><img
								src="${image_domain }${serivceInfo.serviceCategoryOssIcon }"
								title="${serivceInfo.serviceCategoryTip }" /></li>
						</c:forEach>
					</ul>
					<ul class="hotel-detail-other">
						<c:if test="${styleInfo ne '' }">
							<li><span class="l">风格：</span> <span class="r">${hotelHomeVO.style
									}</span>
							</li>
						</c:if>
						<c:if test="${!empty hotel.houses  && hotel.houses ne '0'}">
							<li><span class="l">房间数：</span> <span class="r">${hotel.houses}</span>
							</li>
						</c:if>
						<c:if test="${!empty hotel.price && hotel.price ne '0'}">
							<li><span class="l">参考房价：</span> <span class="r">${hotel.price}</span>
							</li>
						</c:if>
						<c:if test="${!empty hotel.logo }">
							<li class="sqr">
								<div class="hotel-logo">
									<a href="${hotel.url }" target="_blank" title="${hotel.name }">
										<img alt="${hotel.name }" src="${image_domain }${hotel.logo}" />
									</a>
								</div></li>
						</c:if>
						<c:if test="${!empty hotel.address }">
							<li><span class="l">地址：</span> <span class="r">${hotel.address}</span>
							</li>
						</c:if>
						<c:if test="${!empty hotel.tel }">
							<li><span class="l">电话：</span> <span class="r">${hotel.tel}</span>
							</li>
						</c:if>
						<c:if test="${!empty hotel.email }">
							<li><span class="l">邮箱：</span> <span class="r">${hotel.email}</span>
							</li>
						</c:if>
					</ul>
				</div>
				<!--  <div class="hotel-detail-copy">
                    （图片版权：©WienTourismus / Peter Rigaud Legend: St. Stephen’s Cathedral: view from St.
                    Stephen’s Cathedral, the Fiakers）
                </div>-->

			</div>
			<c:forEach var="baseinfo" items="${infoImage }" varStatus="status">
				<c:choose>
					<c:when test="${fn:length(baseinfo.images) == 1}">
						<c:if test="${!empty  baseinfo.zhname}">
							<div class="hotel-details-other-title">${baseinfo.zhname }</div>
						</c:if>

						<div class="clear14px"></div>

						<div class="hotel-detail-imgs2">
							<img class="lazy"
								data-original="${image_domain }${baseinfo.images[0].source}"
								src="${cpath}/resources/portal/img/grey.gif" />
						</div>
						<c:if test="${!empty baseinfo.content }">
							<div class="hotel-details-other-note">${baseinfo.content }</div>
						</c:if>
					</c:when>
					<c:when test="${fn:length(baseinfo.images) == 2}">
						<c:if test="${!empty  baseinfo.zhname}">
							<div class="hotel-details-other-title">${baseinfo.zhname }</div>
						</c:if>

						<div class="clear14px"></div>

						<div class="hotel-detail-img4">
							<div class="hotel-detail-img4-img">
								<img class="lazy"
									data-original="${image_domain }${baseinfo.images[0].source}${baseinfo.images[0].middle}"
									src="${cpath}/resources/portal/img/grey.gif" />
							</div>
							<div class="hotel-detail-img4-img">
								<img class="lazy"
									data-original="${image_domain }${baseinfo.images[1].source}${baseinfo.images[1].middle}"
									src="${cpath}/resources/portal/img/grey.gif" />
							</div>
						</div>
						<c:if test="${!empty baseinfo.content }">
							<div class="hotel-details-other-note">${baseinfo.content }</div>
						</c:if>
					</c:when>
					<c:when test="${fn:length(baseinfo.images) == 3}">
						<c:if test="${!empty baseinfo.zhname }">
							<div class="hotel-details-other-title">${baseinfo.zhname }</div>
						</c:if>

						<div class="clear14px"></div>

						<div class="hotel-detail-imgs">
							<div class="imgs-left">
								<img class="lazy"
									data-original="${image_domain }${baseinfo.images[0].source}${baseinfo.images[0].normal}"
									src="${cpath}/resources/portal/img/grey.gif" />
							</div>
							<div class="imgs-right">
								<div class="imgs-right-first">
									<img class="lazy"
										data-original="${image_domain }${baseinfo.images[1].source}${baseinfo.images[1].small}"
										src="${cpath}/resources/portal/img/grey.gif" />
								</div>
								<div class="imgs-right-second">
									<img class="lazy"
										data-original="${image_domain }${baseinfo.images[2].source}${baseinfo.images[2].small}"
										src="${cpath}/resources/portal/img/grey.gif" />
								</div>
							</div>
						</div>
						<c:if test="${!empty baseinfo.content }">
							<div class="hotel-details-other-note">${baseinfo.content }</div>
						</c:if>
					</c:when>
					<c:otherwise>
						<c:if test="${!empty  baseinfo.zhname}">
							<div class="hotel-details-other-title">${baseinfo.zhname }</div>
						</c:if>
						<div class="clear14px"></div>
						<div class="hotel-detail-slider" style="margin: 0 0;">
							<div id="room_selectors_gallery">
								<ul class="gallery_list">
									<c:forEach var="image" items="${baseinfo.images }">
										<li img-resize='true'>
											<img src="${image_domain }${image.source}" />
										</li>
									</c:forEach>
								</ul>
								<a class="left leftenabled" href="">&nbsp;</a> 
								<a class="right rightenabled" href="">&nbsp;</a>
								<div class="more_photos">
									<a class="head" href="#"><span class="icon">&nbsp;</span> </a>
									<div class="photos_slider">
										<ul>
											<c:forEach var="image" items="${baseinfo.images }">
												<li img-resize='true' class="images">
													<img src="${image_domain }${image.source}${image.small}"/>
												</li>
											</c:forEach>
										</ul>
									</div>
								</div>
							</div>
						</div>
						
						<c:if test="${!empty baseinfo.content }">
							<div class="hotel-details-other-note">${baseinfo.content }</div>
						</c:if>

					</c:otherwise>
				</c:choose>
			</c:forEach>
			<div class="hotel-detail-share">
				<div class="hotel-jiashare">
					<%@include file="/ui/portal/share.jsp"%>
				</div>
				<script type="text/javascript">
					jiathis_config['title'] = '${hotel.name }';
					jiathis_config['summary'] = $('.hotel-detail-note').text();

					sinaShareData = {
						shareType : 5,
						openType : 1,
						dataId : '${hotel.hotelId}'

					};
					tencentShareData = {
						shareType : 5,
						openType : 2,
						dataId : '${hotel.hotelId}'
					};
					qzoneShareData = {
						shareType : 5,
						openType : 2,
						openTypeName : 'qzone',
						dataId : '${hotel.hotelId}'
					};
				</script>
			</div>
			<c:if test="${around != null && fn:length(around) > 0 }">
				<div class="activity-like">
					<div class="activity-like-title margin20">
						<div class="activity-like-title-line-left">
							<hr />
						</div>
						<div class="activity-like-title-name">
							<a href="${cpath}/hotel/${hotel.hotelId }/around/"> 周边</a>&nbsp;>
						</div>
						<div class="activity-like-title-line-right">
							<hr />
						</div>
					</div>
					<div class="activity-like-inner">
						<c:forEach var="round" items="${around }">
							<div class="activity-like-l">
								<div class="activity-like-l-img" img-resize='true'>
									<a title="${round.nodeName }"
										href="${cpath}/destination/${round.destId}/item/${round.nodeId}">
										<img alt="${round.nodeName }"
										src="${image_domain }${round.image}" /> </a>
								</div>
								<div class="activity-like-l-title">
									<a title="${round.nodeName }"
										href="${cpath}/destination/${round.destId}/item/${round.nodeId}">${round.nodeName
										}</a>
								</div>
								<div class="activity-like-l-line">
									<hr />
								</div>
								<div class="activity-like-l-remark">
									<a title="${round.nodeName }"
										href="${cpath}/destination/${round.destId}/item/${round.nodeId}">
										${round.summary }</a>
								</div>
							</div>
						</c:forEach>
					</div>
				</div>
			</c:if>
			<div class=" clear1"></div>

			<c:if
				test="${hotelHomeVO.samilarHotels != null && fn:length(hotelHomeVO.samilarHotels) > 0 }">
				<div class="activity-like">
					<div class="activity-like-title margin20">
						<div class="activity-like-title-line-left">
							<hr />
						</div>
						<div class="activity-like-title-name">可能喜欢&nbsp;></div>
						<div class="activity-like-title-line-right">
							<hr />
						</div>
					</div>
					<div class="activity-like-inner">
						<c:forEach var="hotel" items="${hotelHomeVO.samilarHotels }">
							<div class="activity-like-l">
								<div class="activity-like-l-img" img-resize='true'>
									<a title="${hotel.name }"
										href="${cpath}/hotel/${hotel.hotelId}"> <img
										alt="${hotel.name }"
										src="${image_domain }${hotel.source}${hotel.small}" /> </a>
								</div>
								<div class="activity-like-l-title">
									<a title="${hotel.name }"
										href="${cpath}/hotel/${hotel.hotelId}">${hotel.name }</a>
								</div>
								<div class="activity-like-l-line">
									<hr />
								</div>
								<div class="activity-like-l-remark">
									<a title="${hotel.name }"
										href="${cpath}/hotel/${hotel.hotelId}"> ${hotel.summary }</a>
								</div>
							</div>
						</c:forEach>
					</div>
				</div>
			</c:if>
			<div class="clear"></div>
		</div>
		<%@include file="/ui/portal/footer.jsp"%>
	</div>
</body>
</html>
<script src="${cpath}/resources/portal/js/lazyload/jquery.lazyload.js"></script>
				
<script type="text/javascript">
	$(function() {
		$("img.lazy").lazyload();
		$(".images").imgresize();
	});
</script>
<script src="${cpath}/resources/portal/js/swipe.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function(){
		$('.hotel-detail-slider').swipe();
	});
</script>